{include file="layout/layout" /}
<body style="background-color: #FFF; overflow: auto;">
<div id="toolTipLayer" style="position: absolute; z-index: 9999; display: none; visibility: visible; left: 95px; top: 573px;"></div>
<div id="append_parent"></div>
<div id="ajaxwaitid"></div>
<div class="page">
    <div class="fixed-bar">
        <div class="item-title"><a class="back" href="javascript:history.back();" title="返回列表"><i class="fa fa-arrow-circle-o-left"></i></a>
            <div class="subject">
                <h3>商品分类管理</h3>
                <h5>添加商品分类</h5>
            </div>
        </div>
    </div>
    <div id="explanation" class="explanation">
        <div id="checkZoom" class="title">
            <i class="fa fa-lightbulb-o"></i>
            <h4 title="提示相关设置操作时应注意的要点">操作提示</h4><span title="收起提示" id="explanationZoom"></span>
        </div>
        <ul>
            <li>商家分类为商家所属类别</li>
            <li>分类显示为首页显示，不显示为点击更多后显示</li>
        </ul>
    </div>
    <form action="submit_type" id="roleform" method='post' enctype="multipart/form-data">
        <div class="ncap-form-default">
            <dl class="row">
                <dt class="tit">
                    <label>分类名称</label>
                </dt>
                <dd class="opt">
                    <input class="input-txt" datatype="*" nullmsg="分类名称不能为空" name="ty_name" type="text" >
                </dd>
            </dl>
            <dl class="row">
                <dt class="tit">
                    <label>分类备注</label>
                </dt>
                <dd class="opt">
                    <input class="input-txt" name="ty_desc" type="text">
                </dd>
            </dl>
            <dl class="row">
                <dt class="tit">
                    <label>分类排序</label>
                </dt>
                <dd class="opt">
                    <input class="input-txt" datatype="n" errormsg="排序只能是数字，切由小到大排序" name="ty_sort" type="">
                </dd>
            </dl>
            <dl class="row">
                <dt class="tit">
                    <label>状态</label>
                </dt>
                <dd class="opt">
                    <div class="onoff">
                        <label for="is_distribut1" class="cb-enable selected"><span>显示</span></label>
                        <label for="is_distribut2" class="cb-disable"><span>不显示</span></label>
                        <input id="is_distribut1" checked name="ty_status" value="1" type="radio" >
                        <input id="is_distribut2" name="ty_status" value="2" type="radio" >
                    </div>
                </dd>
            </dl>
            <dl class="row">
                <dt class="tit">
                    <label>图片</label>
                </dt>
                <dd class="opt">
                    <input type="file" name="file" datatype="*">
                    <span class="red">推荐尺寸为30*30px，不可过大，否则上传失败</span>
                </dd>
            </dl>
            <div class="bot"><button id="button" style="width:96px;height:35px;background: #4FC0E8;border-radius:5px;line-height:35px;text-align: center;color:#fff;border: 0;font-size: 15px;">确认提交</button></div>
        </div>
    </form>
</div>
<script>
    $(document).ready(function() {
        $('#roleform').Validform({
            tiptype: 3,
            beforeSubmit: function (data) {
                return true;
            }
        });
    })
</script>
</body></html>